Akari's-Theme

Trilium博客主题：Ankia  

作者：东东        

版本：v1.7

Github：https://github.com/dvai/Ankia-Thme

Blog：www.ankia.top

使用手册：Trilium博客主题：Ankia 使用指南 - 东东的小黑盒

---

Trilium博客主题：WhiteMinimalist-Theme

shmaur 基于Ankia主题迭代。

作者：黄金_shmaur

版本：v1.2

Blog：www.shmaur.com

shmaur v1.2 使用手册：点击查看 Shmaur 版本使用手册

---

Trilium博客主题：Akari's -Theme

我（Akari_404）基于shmaur WhiteMinimalist-Theme v1.2主题进行修改。

作者：Akari_404

版本：v1.0

Blog：阿卡林の笔记 (aiphm.cn)

使用手册： 博客主题：Trilium X Akari 博客主题使用介绍 - 阿卡林の笔记 (aiphm.cn)

• Akari's -Theme功能简介：
  • 1. 全局配置与 SEO 
      - 读取站点/博主元数据（名称、头像、关键词、备案号等） 
      - 自动生成各页面 SEO Meta、share-Card、robots、canonical 链接 
      - 接入网站管理员设置。让搜索引擎爬取（百度/必应/Google）及 Umami 无 Cookie 站点访问统计
  • 2. 主题样式与脚本资源管理 
      - 动态注入 CSS/JS（highlight、mathjax、viewer、twikoo、折叠、蒙版调色盘、BGM、特效、kimi-chat等） 
      - 按需加载第三方库：css-doodle、force-graph、Sakana! Widget、Twikoo 评论系统、OwO 表情增强
  • 3. 自适应导航栏 
      - PC 端：LOGO、主菜单、下拉子菜单、一键展开“全部菜单”（含最近访问记录）、搜索 
      - 移动端：抽屉式菜单、搜索按钮、菜单切换按钮 
      - 自动高亮当前页面、外链新窗口、最近访问 localStorage 记录与回写
  • 4. 多维度侧边导航（非首页） 
      - 树状/标签/分类 三种维度目录，支持实时搜索、全部展开/折叠 
      - 目录节点自动生成锚点，点击自动路由并定位 
      - 修复移动端首次点击失效、自动滚动高亮当前标题
  • 5. 页面大纲（TOC）与信息卡片 
      - 自动提取 h1-h6 生成层级目录，同步滚动高亮 
      - 信息卡片：博主信息、公告、推荐阅读、文章分类、标签云、最新评论、说说
  • 6. 内容区核心功能 
      - 文章页：自动生成标题、作者、日期、字数、阅读量、标签、版权声明显示 
      - 文章卡片：置顶、摘要、头图、分类、标签、相对时间、外链识别 
      - 自定义页面：友链、朋友圈、现在、归档、标签云+知识图谱可视化 
      - 代码块：行号、语言修正、折叠 
      - 媒体增强：图片点击放大、MP4视频自动替换为可控播放器、数学公式 MathJax 渲染 
      - 打赏模块：微信/支付宝收款码弹窗
  • 7. 交互与体验 
      - 返回顶部、目录/大纲折叠按钮、悬浮提示；打磨细节，优化多个影响体验的小bug，更好的界面排版，更生动的元素。 
      - 智能导航栏（向下滚动隐藏，向上滚动显示，默认注释未启用） 
      - 首页随机语录+气泡+霓虹字特效、彩色飘带背景、蒙版调色盘 
      - 背景音乐
  • 8. 扩展钩子 
      - header 预留插入点，方便不改动模板即可追加 meta、link、script，超详细的中文注释与分组方便二次迭代。
  • 9. 兼容 
      - 打磨移动端细节，移动端优先响应式，兼容主流现代浏览器 
    -->

 

 

---

「主题根笔记」的全部 标签（label） 和 关系（relation）

它们像「配置项」一样控制静态博客的各种功能，开发新增功需要配置到这里面来。

# ======================= 1. 站点基础信息 ======================== 
# 博客标题、作者、SEO、备案等「一眼能看到的文字」 
siteName                    = 阿卡林の笔记          # 网站大标题（浏览器标签 + 首页） 
bloggerName                 = 阿卡林の笔记          # 作者昵称（版权区 + 侧边栏） 
blogStartTime               = 2025-09-12T00:00      # 建站日期 → 底部「已运行 X 天」 
siteKeywords                = 振动分析、故障诊断...  # SEO keywords 
shareDescription            = 随便记录和总结知识... # SEO description（首页） 
siteDescription             = 使用Trilium Notes...  # <meta name="description"> 
motto                       = 呐!希望您每天都有好心情 # 侧边栏头像下方签名 
record                      = 备案号                # 底部公安备案文字 
recordLink                  = https://beian.miit.gov.cn/ # 备案号跳转链接

# ======================= 2. 视觉 / 风格开关 ===================== 
# 背景图、头像、图标等「长什么样」由它们决定 
ishomepageBG                = true                  # 是否显示主页背景大图 
homepageBG                  = 主页背景              # 背景图文件（relation→图片笔记） 
shareFavicon                = logo.png              # 浏览器小图标（relation→图片笔记） 
bloggerAvatar               = logo.png              # 侧边栏博主头像（relation→图片笔记）

# ======================= 3. 页面功能总开关 ====================== 
# 一句话就能开/关的「大功能」 
isAnnouncement              = true                  # 顶部公告栏开关 
announcement                = "由于 up 主水平有限..." # 公告正文 
enablePersonalDynamic       = false                 # 侧边栏「说说」开关 
enableRecommendedReading    = true                  # 侧边栏「推荐阅读」开关 
enableTwikoo                = false                 # 全局评论系统开关 
envId                       = (空)                  # Twikoo 环境 ID（开启评论才填） 
disableLatestCommentPane    = false                 # 首页「最新评论」侧边栏开关 
enableReward                = true                  # 文章末尾「为 TA 充电」赞赏开关 
wechatPay                   = 微信收款码            # 微信赞赏码（relation→图片笔记） 
aliPay                      = 支付宝收款码          # 支付宝赞赏码（relation→图片笔记） 
isBlogInfo                  = true                  # 侧边栏「博主信息」卡片开关

# ======================= 4. 社交图标链接 ======================== 
# 侧边栏一排小图标，顺序即数组顺序；留空则不显示 
githubLink                  = https://github.com/xxx 
zhihuLink                   = https://www.zhihu.com/xxx 
bilibiliLink                = https://space.bilibili.com/... 
RSSLink                     = (留空)                # RSS 订阅地址 
mailLink                    = (留空)                # 点击发邮件（mailto:） 
sspaiLink                   = (留空)                # 少数派 
netEaseCloudLink            = (留空)                # 网易云音乐 
doubanLink                  = (留空)                # 豆瓣 
telegramLink                = (留空)                # Telegram

# ======================= 5. 前端资源（relation 指向文件笔记）===== 
# 换主题色、换代码高亮风格、升级组件库 → 换这些文件即可 
prismCSS                    = prism.css             # 代码高亮样式 
prismJS                     = prism.js              # 代码高亮脚本 
viewerCSS                   = viewer.min.css        # 图片灯箱样式 
viewerJS                    = viewer.min.js         # 图片灯箱脚本 
mathjax                     = tex-mml-chtml.js      # 数学公式渲染 
twikoo                      = twikoo.all.min.js     # 评论系统前端 
cssDoodle                   = css-doodle.min.js     # 随机背景花纹 
force_graph                 = force-graph.min.js    # 知识图谱力导向图 
linkCss                     = shmaur-linkCss        # 友链页面样式 
homeCss                     = shmaur-homeCss        # 首页样式 
navCss                      = shmaur-navCss         # 导航栏样式 
footerCss                   = shmaur-footerCss      # 底部样式 
mainCss                     = shmaur-mainCss        # 正文样式 
messages                    = shmaur-messages       # 留言板样式 
shareCss                    = Ankia-Theme.css       # 全局自定义样式 
shareJs                     = shmaur-js             # 全局自定义脚本

# ======================= 6. 模板与结构控制 ======================== 
# 决定「用什么模板渲染」+「子笔记怎么排序」 
shareTemplate               = WhiteMinimalist-Theme.ejs  # 当前模板文件 
sorted                      = blogItemOrder         # 子笔记排序字段 
newNotesOnTop               = (继承)                # 新建子笔记自动置顶 
mapType                     = tree                  # 知识图谱默认树状布局

# ======================= 7. 杂项 / 预留钩子 ========================= 
# 目前无实际功能，留给后续扩展或作者测试 
mailLink                    = (留空)                # 预留邮箱链接 
RSSLink                     = (留空)                # 预留 RSS

 

---